<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <link href="framework/font-awesome/css/font-awesome.min.css" rel="stylesheet">
        <link href="framework/reset.css" rel="stylesheet">
        <link href="css/businessList.css" rel="stylesheet">
        <title>饿了么 商家列表</title>
    </head>
    <body>
        <div class="wrapper">

            <!-- header部分 -->
            <header>
                <p>商家列表</p>
            </header>

            <!-- 商家列表部分 -->
            <ul class="business">
                <li onclick="location.href='businessInfo.html'">
                    <div class="business-img">
                        <img src="img/sj01.png">
                        <div class="business-img-quantity">3</div>
                    </div>
                    <div class="business-info">
                        <h3>万家饺子（软件园E18店）</h3>
                        <p>&#165;15起送 | &#165;3配送</p>
                        <p>各种饺子炒菜</p>
                    </div>
                </li>
                <li onclick="location.href='businessInfo.html'">
                    <div class="business-img">
                        <img src="img/sj02.png">
                        <div class="business-img-quantity">2</div>
                    </div>
                    <div class="business-info">
                        <h3>小锅饭豆腐馆（全运店）</h3>
                        <p>&#165;15起送 | &#165;3配送</p>
                        <p>特色美食</p>
                    </div>
                </li>
                <li onclick="location.href='businessInfo.html'">
                    <div class="business-img">
                        <img src="img/sj03.png">
                        <div class="business-img-quantity">1</div>
                    </div>
                    <div class="business-info">
                        <h3>麦当劳麦乐送（全运路店）</h3>
                        <p>&#165;15起送 | &#165;3配送</p>
                        <p>汉堡薯条</p>
                    </div>
                </li>
                <li onclick="location.href='businessInfo.html'">
                    <div class="business-img">
                        <img src="img/sj04.png">
                    </div>
                    <div class="business-info">
                        <h3>米村拌饭（浑南店）</h3>
                        <p>&#165;15起送 | &#165;3配送</p>
                        <p>各种炒菜拌饭</p>
                    </div>
                </li>
                <li onclick="location.href='businessInfo.html'">
                    <div class="business-img">
                        <img src="img/sj05.png">
                    </div>
                    <div class="business-info">
                        <h3>申记串道（中海康城店）</h3>
                        <p>&#165;15起送 | &#165;3配送</p>
                        <p>烤串炸串</p>
                    </div>
                </li>
                <li onclick="location.href='businessInfo.html'">
                    <div class="business-img">
                        <img src="img/sj06.png">
                    </div>
                    <div class="business-info">
                        <h3>半亩良田排骨米饭</h3>
                        <p>&#165;15起送 | &#165;3配送</p>
                        <p>排骨米饭套餐</p>
                    </div>
                </li>
                <li onclick="location.href='businessInfo.html'">
                    <div class="business-img">
                        <img src="img/sj07.png">
                    </div>
                    <div class="business-info">
                        <h3>茶兮鲜果饮品（国际软件园店）</h3>
                        <p>&#165;15起送 | &#165;3配送</p>
                        <p>甜品饮品</p>
                    </div>
                </li>
                <li onclick="location.href='businessInfo.html'">
                    <div class="business-img">
                        <img src="img/sj08.png">
                    </div>
                    <div class="business-info">
                        <h3>唯一水果捞（软件园E18店）</h3>
                        <p>&#165;15起送 | &#165;3配送</p>
                        <p>新鲜水果</p>
                    </div>
                </li>
                <li onclick="location.href='businessInfo.html'">
                    <div class="business-img">
                        <img src="img/sj09.png">
                    </div>
                    <div class="business-info">
                        <h3>满园春饼（全运路店）</h3>
                        <p>&#165;15起送 | &#165;3配送</p>
                        <p>各种春饼</p>
                    </div>
                </li>
            </ul>

            <!-- 底部菜单部分 -->
            <ul class="footer">
                <li onclick="location.href='index.html'">
                    <i class="fa fa-home"></i>
                    <p>首页</p>
                </li>
                <li>
                    <i class="fa fa-compass"></i>
                    <p>发现</p>
                </li>
                <li onclick="location.href='orderList.html'">
                    <i class="fa fa-file-text-o"></i>
                    <p>订单</p>
                </li>
                <li>
                    <i class="fa fa-user-o"></i>
                    <p>我的</p>
                </li>
            </ul>

        </div>
    </body>
</html>
